html, body {
    width: 7.5rem;
  }
img{border:0;vertical-align:bottom;vertical-align:middle;vertical-align:top;}
*{margin:0;padding:0;}
body, button, input, select, textarea {font:.28rem Arial, Helvetica, sans-serif;_font-family:"SimSun";}
body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, th, td, p, blockquote, pre, form, fieldset, legend, input, button, textarea, hr {margin:0;padding:0;}
/*table {border-collapse:collapse; border-spacing:0;}*/
li {list-style:none;}
fieldset, img ,input{border:0;}
q:before, q:after {content:'';}
a:focus, input, textarea {outline-style:none;}
input[type="text"], input[type="password"], textarea {outline-style:none;-webkit-appearance:none;}
textarea {resize:none}
address, caption, cite, code, dfn, em, i, th, var, b {font-style:normal;font-weight:normal;}
abbr, acronym {border:0;font-variant:normal;}
.go{
	height: .6rem;
    width: 1.7rem;
    position: absolute;
    top: 1.1rem;
    right: 2.1rem;
    border-radius: 20px;
    opacity: 0;
}
.infoBox{
	 width:100%;
	 height:4.28rem;
	 background:url('../image/name_new_v1.png') 0 0 no-repeat;
	 background-size:cover;
	 position:relative;
	 margin-bottom:1px;
}
.picBox,.imgUrl{
	width:2rem;
	height:2rem;
	border-radius:100%;
}
.picBox{
	position: absolute;
	top:.72rem;
	left:.68rem; 
}
.name{
	font-size:.36rem;
	color:#353535;
	position: absolute;
	top:2.82rem;
	width:3.4rem;
	height:.72rem;
	line-height:.72rem;
	text-align: center;
}
.reasons{
	font-family: PingFangTC-Regular;
	font-size:.28rem;
	color:#353535;
	height: 1.1rem;
    width: 2.8rem;
    position: absolute;
    top: 1.8rem;
    right: 1.15rem;
}
.wayOne{
	height:4.48rem;
	width:7.5rem;
	background: url('../image/t_1.png') 0 0 no-repeat;
	background-size:cover;
	position:relative;
}
.wayTwo{
	height:4.17rem;
	width:7.5rem;
	background: url('../image/t_2.png') 0 0 no-repeat;
	background-size:cover;
	position:relative;
}
.imgOne{
	height:3.65rem;
	width:5rem;
	position: absolute;
	transform-origin:0 0;
	transform:rotate(-4deg);
	top:.7rem;
	left:.3rem;
}
.imgTwo{
	height:3.65rem;
	width:5rem;
	position: absolute;
	top:.38rem;
	left:1.64rem;
}
.plImg{
	height:1.8rem;
	width:100%;
}
.endImg{
	height:1.85rem;
	width:100%;
}
.plMain{
	width:100%;
	height:auto;
	background: #e74547;
	position: relative;
}
.plMainCon{
	width: 6.9rem;
	background: #fff;
	border-radius:10px;
	height:auto;
	margin-left:.3rem;
}
.allpl{
	font-size: .32rem;
	color: #353535;
	font-family: PingFangTC-Regular;
	position: absolute;
	left:.2rem;
	top:.3rem;
}
.plBtn{
	font-size: .32rem;
	color: #353535;
	font-family: PingFangTC-Regular;
	position: absolute;
	right:.2rem;
	top:.3rem;
	width:1.12rem;
	height:.32rem;
}
.plBtn em{
	height:.3rem;
	width:.3rem;
	display: block;
	background: url('../image/icon02.png') 0 0 no-repeat;
	background-size:cover;
	float: left;
	margin-left:.12rem;
	margin-top:.06rem;
}
.plBtn i{
	display: block;
	float: left;
}
.userUrl{
	height: .6rem;
	width: .6rem;
	border-radius: 100%;
	top:.3rem;
	position: absolute;
}
.userName{
	color:#576b95;
	font-size: .28rem;
	top:.46rem;
	position: absolute;
	left:.85rem;
}
.toName{
	color:#576b95;
}
.commBox{
	width:6.5rem;
	margin-left:.2rem;
	position: relative;
	height: auto;
	min-height: 1.7rem;
}
.comcon{
	width:4.96rem;
	margin-left:.85rem;
	height: auto;
}
.bai{
	width: 100%;
	height: .4rem;
	border-bottom:1px solid #d1d1d1;
}
.namePic{
	height:.9rem;
	width:5.88rem;
}
.toBox{
	margin-top:.1rem;
	height:auto;
	width:5.88rem;
}
.mask{
	height:.6rem;
	width:3rem;
	line-height: .6rem;
	text-align:center;
	background:rgba(0,0,0,.4);
	display: none;
	position: fixed;
	bottom:2rem;
	left:2rem;
	color:#fff;
}

.showdetail{
	padding-top:.5rem;
	width:100%;
	text-align:center;
	display:flex;
	justify-content:center;
	background-image:url(../image/bg.png);
}
.showdetail-btn{
	display:block;
	width: 25%;
    padding: .1rem;
	color:white;
	border-radius:.1rem;
	background-color:#e84546;
}